<template>
  <div>
    <h1 v-show="ok">Hello!</h1>
    <template v-if="ok">
      <h1>Title</h1>
      <p>Paragraph 1</p>
      <p>Paragraph 2</p>
    </template>
    <!-- <template v-if="ok">
        <h1 v-for="in []"></h1>
    </template> -->
    
  </div>
</template>
<script   setup>
import { computed, ref } from "vue";

const ok =  ref(true)
 
</script>

<style scoped>
.active{
  background: pink;
}
</style>
 